<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1.0, maximum-scale=3.0s"
    />
    <script type="text/javascript">
      (function (c, l, a, r, i, t, y) {
        c[a] =
          c[a] ||
          function () {
            (c[a].q = c[a].q || []).push(arguments);
          };
        t = l.createElement(r);
        t.async = 1;
        t.src = "https://www.clarity.ms/tag/" + i;
        y = l.getElementsByTagName(r)[0];
        y.parentNode.insertBefore(t, y);
      })(window, document, "clarity", "script", "gu5qz1srj3");
    </script>
    <title>Agentica Playground > Shopping Mall Demonstration</title>
  </head>

  <body style="width: 100%; height: 100%; margin: 0px; overflow: hidden">
    <div id="root" style="width: 100%; height: 100%"></div>
    <script type="module" src="../src/examples/shopping/index.tsx"></script>
  </body>
</html>
